<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title>自提点拣货</title>
    <style>
        .shopClass {
            margin-top: 30px;
        }

        table {
            width: 100%;
        }

        table td {
            border: 1px solid #0a0000;
            display: table-cell;
        }

        table th {
            border: 1px solid #0a0000;
        }
    </style>
</head>
<body style="font-family: SimSun;">
<div th:each="shopPo,shopPoStat : ${shopPoList}">
    <table class="shopClass" cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="6" align="center" valign="middle" height="120px">
                <img th:src="${shopPo.img}"/>
            </td>
        </tr>
        <tr>
            <td colspan="6" align="center" valign="middle" th:text="${shopPo.type}">
            </td>
        </tr>
        <tr>
            <td colspan="6" align="center" valign="middle" th:text="${shopPo.operator}">
            </td>
        </tr>
    </table>
    <table cellspacing="0" cellpadding="0">
        <thead>
        <th style="width: 40%;">品名</th>
        <th style="width: 15%;">商品条码</th>
        <th style="width: 24%;">规格</th>
        <th style="width: 8%;">应拣</th>
        <td>实拣</td>
        </thead>
        <tbody>
        <tr th:each="po : ${shopPo.poList}">
            <td th:text="${po.title}"  align="center" valign="middle">【限时特价，只此一小时】金锣五花肉半价特卖！金锣精品气调五花肉自然块</td>
            <td th:text="${po.barcode}"  align="center" valign="middle">13585175397</td>
            <td th:text="${po.dimensionValues}"  align="center" valign="middle">{}</td>
            <td th:text="${po.qty}"  align="center" valign="middle">1</td>
            <td th:text="${po.pickQty}"  align="center" valign="middle">1</td>
        </tr>
        </tbody>
    </table>
    <div th:if="${not shopPoStat.last}" style="page-break-after:always; border:0px solid black;"></div>
    <div th:if="${not shopPoStat.last}" style="page-break-before:always; border:0px solid black;"></div>
</div>
</body>
</html>